<!doctype html>
<html lang="ko">

<head>
	<meta charset="utf-8">
	<meta name="format-detection" content="telephone=no" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
	<title>book</title>

	<link rel="stylesheet" href="../css/common.css" type="text/css"/>
	<link rel="stylesheet" href="../css/sub1.css" type="text/css"/>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
	<script src="../js/gev.js"></script>
</head>

<body>
	<section id="sub" class="gev">
		<header class="header">
			<div class="before_search">
				<div class="btn_side"><a href="javascript:void(0);"><img src="../images/common/btn_side.png" alt="" /></a></div>
				<h1><a href="javascript:void(0);"><img src="../images/common/h1_gev.png" alt="" /></a></h1>
				<div class="btn_search"><a href="javascript:void(0);"><img src="../images/common/btn_search.png" alt="" /></a></div>
			</div>

			<div class="after_search" style="display:none;">
				<div class="txt_search_wrap">
					<div class="txt_search_inner">
						<input type="search" class="txt_search" placeholder="search">
						<a href="javascript:void(0);" class="btn_all_search"><img src="../images/common/btn_all_search.png" alt="" /></a>
					</div>
				</div>

				<a href="javascript:void(0);" class="close_search"><img src="../images/common/btn_close_search.png" alt="" /></a>
			</div>
		</header>
		
		<section class="container">
			
			<header class="mypage_title">
				<div class="fix">
					<!--a href="javascript:void(0);" class="prev">뒤로가기</a-->
					<h3>My게볼루션</h3>
				</div>
			</header>
			
			<section class="mygev">
				
				<section class="profile">
					<div class="img">
						<img src="../images/common/empty_thumb.png" alt="" />

						<span class="camera">
							<img src="../images/common/ic_camera.png" alt="" />
						</span>
					</div>

					<div class="nick">
						<span class="count">22</span>
						<span class="txt">여나만쉐(purestyle)</span>
					</div>
				</section>

				<div class="profile_data">
					<div class="detail">
						<div class="cash">
							<span class="txt">캐시</span>
							<span class="count">100,000</span>
						</div>

						<div class="gold">
							<span class="txt">골드</span>
							<span class="count">100,000</span>
						</div>
					</div>
					
					<div class="guage_status">
						<div class="guage">
							<strong style="width:50%;"></strong>
						</div>

						<div class="heart"></div>

						<div class="percent">60%<span>(410/650)</span></div>
					</div>
				</div>
				
				<section class="mystatus">
					<h3>레벨/성향/평판</h3>
					
					<div class="mystatus_inner">
						<div class="stat_section level">
							<div class="txt">레벨</div>
							<div class="count">22</div>
							<div class="percent">36%</div>
							<span class="status_on" style="height:36%;"></span>
						</div>

						<div class="stat_section tendency">
							<div class="txt">성향</div>
							<div class="count">55</div>
							<div class="percent">nothing</div>
							<span class="status_on" style="height:100%;"></span>
						</div>

						<div class="stat_section reputation">
							<div class="txt">평판</div>
							<div class="count">50</div>
							<div class="percent">Goal</div>
							<span class="status_on" style="height:50%;"></span>
						</div>
					</div>
				</section>
				
				<section class="archive">
					<h3>업적</h3>
					<h4><img src="../images/common/h4_title.png" alt="" /></h4>
					<div class="p1">많을수록좋지 않겠나! 5개의 게임을 평가하라!</div>
					<div class="p2">보상1,000골드</div>

					<div class="archive_box">
						<div class="box1">
							<span>다다익선</span>
						</div>
						
						<div class="arrow"></div>

						<div class="box2">
							<span>무중생유</span>
						</div>
					</div>

					<div class="p3">
						다음 단계 업적 <span>무중생유</span> 달성을 위해서 <span>션민우</span>가 필요합니다.
					</div>
				</section>
				
				<section class="mygev_list">
					<div class="tb_list">
						<table cellspacing="0" cellpadding="0">
							<colgroup>
								<col class="col1" />
								<col class="col2" />
								<col class="col3" />
								<col class="col4" />
							</colgroup>
							<thead>
								<tr>
									<th>일자</th>
									<th>분류</th>
									<th>사용내역</th>
									<th>충전내역</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>2014.06.13</td>
									<td>캐시</td>
									<td>500,000</td>
									<td>500,000</td>
								</tr>
								<tr>
									<td>2014.06.13</td>
									<td>캐시</td>
									<td>500,000</td>
									<td>500,000</td>
								</tr>
								<tr>
									<td>2014.06.13</td>
									<td>캐시</td>
									<td>500,000</td>
									<td>500,000</td>
								</tr>
								<tr>
									<td>2014.06.13</td>
									<td>캐시</td>
									<td>500,000</td>
									<td>500,000</td>
								</tr>
							</tbody>
						</table>
					</div>
					
					<div class="paging">
						<div class="paging_inner">
							<a href="javascript:void(0);" class="prev"><span>이전</span></a>

							<span class="num">
								<strong class="current">6/</strong><em>10</em>
							</span>

							<a href="javascript:void(0);" class="next"><span>다음</span></a>
						</div>

					</div>
				</section>

			</section>
		</section>

		<footer class="footer">
			<div class="sitemap">
				<span class="mygev"><a href="#none">My 게볼루션</a></span>
				<span class="login"><a href="#none">로그인</a></span>
				<span class="pc"><a href="#none">PC버전</a></span>
			</div>

			<div class="corp">
				<a href="#none">회사소개</a><em>|</em>
				<a href="#none">이용약관</a><em>|</em>
				<a href="#none">개인정보 취급방침</a><em>|</em>
				<a href="#none">고객센터</a>
			</div>
			
			<div class="copyright">@ tapfunny Corporation. All Rights Reserved.</div>
		</footer>

		<section class="panel" id="panel">
			<!-- <div class="before_login">로그인 전-->
			<div class="after_login"><!-- 로그인 후-->
				
				<div class="info">
					<div class="login_info fix">
						<!--img src="../images/before_login.png" alt="" /-->
						<img src="../images/common/after_login.png" alt="" />
						<span class="nick">예삐냠냠.</span>
					</div>

					<a class="home" href="javascript:void(0);"><img src="../images/common/btn_home.png" alt="" /></a>
					<a class="close" href="javascript:void(0);"><img src="../images/common/btn_panel_close.png" alt="" /></a>
				</div>

				<div class="panel_list">
					<div class="common_list">
						<ul>
							<li class="login">
								<a href="#none">
									<span class="menu">로그아웃</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="reg">
								<a href="#none">
									<span class="menu">my 게볼루션</span>
									<span class="arrow"></span>
								</a>
							</li>
						</ul>
					</div>

					<div class="menu_list">
						<h2>메뉴</h2>
						<ul>
							<li class="score">
								<a href="#none">
									<span class="menu">게임스코어</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="online">
								<a href="#none">
									<span class="menu">온라인게임</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="mobile">
								<a href="#none">
									<span class="menu">모바일게임</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="community">
								<a href="#none">
									<span class="menu">커뮤니티</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="event">
								<a href="#none">
									<span class="menu">이벤트</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="customer">
								<a href="#none">
									<span class="menu">고객센터</span>
									<span class="arrow"></span>
								</a>
							</li>
						</ul>
					</div>
				</div>

			</div>

		</section>

		<div class="dimmed"></div>

	</section>
</body>
</html>